
/**
 * 查询所有角色
 */
function queryRoles(){
  $.get('/roles.do',function(result){
    result.forEach((value,index) => {
      let option=`<option value="${value}">${value}</option>`;
      $("#role_select").append(option);
    })
  })
}
queryRoles();


//通过INPUT调用图片预览
$("#myFile").change(function(){
  view(this.files);
})

//通过拖拽效果调用图片预览
var box = $("#myBox")[0];
//拖拽的东西在本元素(box)范围内活动(HTML默认是不让活动)
box.ondragover=function(e){
  //阻止HTML的默认行为
  e.preventDefault();
}

//拖拽的东西停留在本元素(box)中
box.ondrop=function(e){
  e.preventDefault();
  //获取用户从电脑上拖拽进来的图片
  view(e.dataTransfer.files);
  //将拖拽得来的文件给INPUT存一份
  $("#myFile").attr('files',e.dataTransfer.files);
}


//图片预览
function view(file_list){
  //遍历图片列表
  for(let f of file_list){
    //创建文件读取器
    let reader=new FileReader();
    //读取图片
    reader.readAsDataURL(f);
    //在onload事件（读取完成并成功）
    reader.onload=function(data){
      //将图片数据给IMG标签
      $("#myPhoto").attr('src',data.target.result);
      $("#myBox figcaption").hide();
    }
  }
}

/**
 * 添加员工
 */
$("#addBtn").click(function(){
  let name=$("#name").val().trim();
  let age=$("#age").val();
  let sex=$("input[name=sex]:checked").val();
  let phone=$("#phone").val();
  let idCard=$("#idCard").val();
  let role =$("#role_select").val();
  let photo=document.querySelector('#myFile').files[0];
  var formData=new FormData();
  let id = location.search.split('=')[1];
  if(id){
    formData.append('id',id);
  }
  formData.append('name',name);
  formData.append('age',age);
  formData.append('sex',sex);
  formData.append('phone',phone);
  formData.append('idCard',idCard);
  formData.append('role',role);
  //  /assets/img/xxx.jpg
  let src=$("#myPhoto").attr('src');
  let index1=src.lastIndexOf('/');
  formData.append('photo',photo || src.substring(index1+1));
  $.ajax({
    url:'/saveEmployee.do',
    method:'POST',
    data:formData,
    processData:false,//告诉jQuery不要去处理发送的数据
    contentType:false,//告诉jQuery不要去设置Content-Type请求头
    success:function(result){
      if(result=='success'){
        location.href='employee.html';
      }
    }
  })
})

getParams();
function getParams(){
  //从URL参数中获取员工ID
  let id = location.search.split('=')[1];
  if(!id){
    $("#myTitle").html('添加员工信息');
  }else{
    $("#myTitle").html('修改员工信息');
    $.get('/queryEmployeeById.do',{id},function(employee){
      //数据回填
      $("#name").val(employee.name);
      $("#age").val(employee.age);
      $("#phone").val(employee.phone);
      $("#idCard").val(employee.idCard);
      $("#role_select").val(employee.role);
      $("input[value="+employee.sex+"]").prop('checked',true);
      $("#myPhoto").attr('src','/assets/img/'+employee.photo);
      $("#myPhoto").siblings('figcaption').hide();
    })
  }
}